<template>
    <HomeLayout>
      <div class='main'>
        <a-row :gutter='10' style='margin-bottom: 10px'>
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12' style='height: 300px; margin-bottom: 10px'>
            <common-functions></common-functions>
          </a-col>
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12' style='height: 300px' >
            <userinfo></userinfo>
          </a-col>
        </a-row>
        <a-row :gutter='10' style='margin-bottom: 10px' v-permission="['COMPANY_STAT_INFO']">
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12'  style='margin-bottom: 10px'>
            <company-overview type='system'></company-overview>
          </a-col>
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12'>
            <company-overview type='current'></company-overview>
          </a-col>
        </a-row>
        <a-row :gutter='10'>
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12' style='height: 300px; margin-bottom: 10px'>
            <operation-records></operation-records>
          </a-col>
          <a-col :xs='24' :sm='24' :md='12' :lg='12' :xl='12'></a-col>
        </a-row>
      </div>
    </HomeLayout>
  </template>
  
  <script setup name='HomeIndex'>
  import Userinfo from '@/views/index/components/userinfo.vue';
  import CompanyOverview from '@/views/index/components/company-overview.vue';
  import OperationRecords from '@/views/index/components/operation-records.vue';
  import CommonFunctions from '@/views/index/components/common-functions.vue';
  import HomeLayout from '@/homeLayout/index.vue';
  </script>
  
  <style scoped lang='less'>
  .main {
    width: 100%;
    height: 100%;
    background-color: #f4f5f6;
    padding: 10px;
  }
  </style>
  